<template>
	<view class="store-tags">
		<!-- <uni-tag size="mini" :text="SHOP_STATUS[businessStatus]?.label" :style="{fontSize: '26rpx', padding:'3px 8px'}"
			:custom-style="businessStatusStyle[businessStatus]?? ''" /> -->
		<u-tag v-if="businessStatus" size="mini" :text="SHOP_STATUS[businessStatus]?.label" plain plainFill
			:bgColor="SHOP_STATUS[businessStatus]?.bgColor" shape="circle" borderColor="#f1f1f100"
			:type="SHOP_STATUS[businessStatus]?.type" />
		<u-tag v-if="eximaneStatus" size="mini" :text="EXAMINE_STATUS[eximaneStatus]?.label" plain plainFill
			borderColor="#f1f1f100" :type="EXAMINE_STATUS[eximaneStatus]?.type" />
	</view>
</template>

<script setup>
	import {
		SHOP_STATUS,
		EXAMINE_STATUS
	} from '@/constant/index.js'

	defineProps({
		businessStatus: {
			type: Number,
			default: 0
		},
		eximaneStatus: {
			type: Number,
			default: 0
		}
	})
</script>

<style lang="scss" scoped>
	.store-tags {

		.tag-item {
			margin-left: 10px;
		}

		::v-deep .u-tag__text {
			font-size: 10px;
		}

		::v-deep .u-tag--mini {
			height: 100% !important;
			line-height: 22px;
			padding: 2px 5px;
		}
	}
</style>